.menu{
	// position: fixed;
	border-top: 2px solid #818a91;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	z-index: 2;
	padding-top: 40px;
	-webkit-transition: transform 0.5s cubic-bezier(0.56, -0.29, 0.57, 1), opacity 0.1s;
	-moz-transition: transform 0.5s cubic-bezier(0.56, -0.29, 0.57, 1), opacity 0.1s;
	-o-transition: transform 0.5s cubic-bezier(0.56, -0.29, 0.57, 1), opacity 0.1s;
	transition: transform 0.5s cubic-bezier(0.56, -0.29, 0.57, 1), opacity 0.1s;
	-webkit-backface-visibility: hidden;
	.div{
		margin: 0 auto;
		width: 90%;
		.logo{
			width: 40px;
			float: left;
			img{
				border-radius: 50%;
				width: 30px;
				border: 1px solid #333;
				transition: all .4s ease-out;
				-moz-transition: all .4s ease-out;
				-webkit-transition: all .4s ease-out;
				-o-transition: all .4s ease-out;
			}
			img:hover{
				transform: rotate(200deg);
				-webkit-transform: rotate(200deg);
			}
		}
		.main{
			float: right;
			// margin-right: 70px;
			ul{
				li{
					padding:0 10px;
					list-style: none;
					float: left;
					font-size: 18px;
					margin-right: 0;
					a{
						-webkit-transition: all .2s linear;
						color: #818a91;
					}
					a:hover,
					a:focus{
						text-decoration: none;
						color: #090a0a;
					}
				}
			}
		}
	}
}